<script>
export default {
  computed: {
      computed(){
          console.log("computed----test")
          return this.a
      }
  },
  props:{
      name:{
          type:String,
          validator(val){
              console.log("props------test")
              return val
          }
      }
  },
  data(){
      console.log("data-----test")
      return {
          a:1
      }
  },
  mounted () {
    console.log("mounted-----test")  
  },
  created() {
    console.log("created-----test")
  }
};
</script>

<template>

    <div class="a">
        <slot></slot>
    </div>
    
</template>

